import React, { useContext, useEffect, useReducer, useRef, useState } from 'react'

const App = () => {

    // 1.创建一个 ref 属性
    // 创建 ref 的时候，初始值可以设置为 null
    const inputRef = useRef(null)

    // 1. 创建一个 ref 用来记录一个不可变的变量
    const timeRef = useRef(setInterval(()=>{
        console.log(10010);
    },1000))

    return (
    <div >
        {/* 2. 将 ref 设置在一个元素上 */}
       <input type="text" ref={inputRef} />

       <button onClick={()=>{
            // 3. 通过 ref.current 来获取到标记的内容
            console.log(inputRef.current.value);

            // 2. 获取变量然后做清除
            console.log(timeRef.current);
            clearInterval(timeRef.current)

       }}>获取 ref 内容</button>
    </div>
  )
}

export default App